<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>力行会</title>
	<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
	<META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 22 Jul 2002 11:12:01 GMT">
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/mc_order_list.css">
	<link rel="stylesheet" href="css/iconfont.css">
	<script src="./js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="./js/bootstrap.js"></script>
	<script src="./js/common.js"></script>
</head>
<body>
 <header>
    	<div class='gray-head'>
    	  <div class='wrap'>
    	  	<div >
				<a href="javascript:;"  data-toggle="modal" data-target="#login">登录</a> <span>|</span> <a data-toggle="modal" data-target="#register" href="">注册</a>
					<div class="tool quick-tool">
						<div class="searchForm">
							<div class="quickSearch">
								<!-- <input type="text" name="keyword" id="keyword" placeholder="快速搜索" /> -->
								<button >快速搜索<span class="accessible">搜索</span></button>
							</div>
							<div class="searchPanel">
								<div >
									<fieldset class="byDate">
										<div>
											<span>按时间出行</span>
												<a href="javascript:void(0);" class="close">X<span class="accessible">关闭搜索面板</span></a>
										</div>

										<ul>
											<li class='input-group date addDate'>
												<span class="input-group-addon">
			<span class="glyphicon glyphicon-calendar"></span>
		</span>
												<input type="text" /></li>
											<li class='input-group date addDate'>
												<span class="input-group-addon">
			<span class="glyphicon glyphicon-calendar"></span>
		</span>
												<input type="text" /></li>
										</ul>
									</fieldset>
									<fieldset class="byPlace" >
										<div>
											<span>按目的地</span>
										</div>
										<input type="text" placeholder="输入目的地">

									</fieldset>
								</div>
								<div class="actions">
									<i class="iconfont icon-fangdajing"></i>
									<button  type="submit">搜 索</button>
								</div>
							</div>
						</div>
					</div>　
					<div class="tool">
						<a href="javascript:void(0);" class="loginBtn">搜索</a>
					</div>
					<div class="fl">
						<i class="iconfont icon-phone"></i>
						<b> 0571 85865111</b>
					</div>
			</div>
    	  </div>
    		
    	</div>
		<div class="wrap">
			<div class="head-contain">
				<div class="logo"></div>
				<ul>
					<li>首页
					</li>
					<li>目的地
						<div class='xiala'>
						  <div class='arrow'>
						  </div>
							<a href="">欧洲</a>
							<a href="">美洲</a>
							<a href="">大洋洲</a>
							<a href="">亚洲</a>
							<a href="">非洲</a>
							<a href="">南极</a>
							<a href="">北极</a>
						</div>		
					</li>
					<li class='theme-travel'>特色主题旅行
					<i class='hot'></i>
						<div class='xiala'>
						  <div class='arrow'>
						  </div>
							<a href="">春之芳华</a>
							<a href="">盛夏光年</a>
							<a href="">文艺之秋</a>
							<a href="">冬之恋歌</a>
							<a href="">极地探索</a>
							<a href="">游学考察</a>
							<a href="">养生之旅</a>
							<a href="">环球自驾</a>
						</div>	
					</li>
					<li>自由行
					<i class='hot'></i>
						<div class='xiala'>
						  <div class='arrow'>
						  </div>
							<a href="">日本</a>
							<a href="">希腊</a>
							<a href="">美国</a>
							<a href="">希腊</a>
							<a href="">非洲</a>
							<a href="">南极</a>
							<a href="">北极</a>
						</div>	
					</li>
					<li>私人定制</li>
					<li>力行会
						<div class='xiala'>
						  <div class='arrow'>
						  </div>
							<a href="">渊源</a>
							<a href="">品牌故事</a>
							<a href="">活动.分享</a>
						</div>	
					</li>
				</ul>
			</div>
		</div>
    </header>
 <div class='main'>
	 <div class='wrap'>
		 	<p class='navs'>
		    	您的位置：
		    	<a >首页</a>
		    	<a >会员中心</a>
		    	<a >订单查询</a>
	   	 	</p>
	   	 	<div class='main-left'>
    			<ul>
    				<li>会员中心</li>
    				<li class='active'><a href="#index" data-toggle="tab">会员信息</a></li>
    				<li><a href="#orderSearch" data-toggle="tab">订单查询</a></li>
    				<li><a href="#memberCenter" data-toggle="tab">会员积分</a></li>
    			</ul>
    		</div>
    		<div class='tab-content'>
				<div class="tab-pane fade in active" id="index">
					<h3>我的信息</h3>
					<div class="info-contain">
						<ul>
							<li>
								<span>姓名：</span>
								<i>张三</i>
							</li>
							<li>
								<span>性别：</span>
								<i>男</i>
							</li>
							<li>
								<span>手机：</span>
								<i>1232456789</i>
							</li>
							<li>
								<span>邮箱：</span>
								<i>jeef-wang@163.com</i>
							</li>
							<li>
								<span>生日：</span>
								<i>2009-12-25</i>
							</li>

						</ul>
					</div>
				</div>
				<div class="tab-pane fade" id="orderSearch">
					<h3>订单查询</h3>
					<div class="search-list">
						<table>
							<thead>
							<tr>
								<th width="16%">订单号</th>
								<th width="25%">线路名称</th>
								<th width="15%">下单时间</th>
								<th width="17%">订单金额</th>
								<th width="11%">订单状态</th>
								<th>订单操作</th>
							</tr>
							</thead>
							<tbody>
							<tr>
								<td><span class="blue">01234567890</span></td>
								<td>瑞士“白色冬季” 圣莫里茨 纯雪之旅5晚7天高端自由行(瑞士专业导滑随行|百年历史维多利亚|自助&泰式&意式美食)</td>
								<td>2016-12-23 15:30:30</td>
								<td>总金额：<span class="blue">￥888888  </span> </td>
								<td>取消</td>
								<td><a href="#orderDetail" data-toggle="tab" class="blue">查看订单 </a> | <a href="javascript:;">取消订单</a> </td>
							</tr>
							<tr>
								<td><span class="blue">01234567890</span></td>
								<td>瑞士“白色冬季” 圣莫里茨 纯雪之旅5晚7天高端自由行(瑞士专业导滑随行|百年历史维多利亚|自助&泰式&意式美食)</td>
								<td>2016-12-23 15:30:30</td>
								<td>总金额：<span class="blue">￥888888  </span> </td>
								<td>取消</td>
								<td><a href="javascript:;" class="blue">查看订单 </a> | <a href="javascript:;">取消订单</a> </td>
							</tr>
							<tr>
								<td><span class="blue">01234567890</span></td>
								<td>瑞士“白色冬季” 圣莫里茨 纯雪之旅5晚7天高端自由行(瑞士专业导滑随行|百年历史维多利亚|自助&泰式&意式美食)</td>
								<td>2016-12-23 15:30:30</td>
								<td>总金额：<span class="blue">￥888888  </span> </td>
								<td>取消</td>
								<td><a href="javascript:;" class="blue">查看订单 </a> | <a href="javascript:;">取消订单</a> </td>
							</tr>
							<tr>
								<td><span class="blue">01234567890</span></td>
								<td>瑞士“白色冬季” 圣莫里茨 纯雪之旅5晚7天高端自由行(瑞士专业导滑随行|百年历史维多利亚|自助&泰式&意式美食)</td>
								<td>2016-12-23 15:30:30</td>
								<td>总金额：<span class="blue">￥888888  </span> </td>
								<td>取消</td>
								<td><a href="javascript:;" class="blue">查看订单 </a> | <a href="javascript:;">取消订单</a> </td>
							</tr>
							<tr>
								<td><span class="blue">01234567890</span></td>
								<td>瑞士“白色冬季” 圣莫里茨 纯雪之旅5晚7天高端自由行(瑞士专业导滑随行|百年历史维多利亚|自助&泰式&意式美食)</td>
								<td>2016-12-23 15:30:30</td>
								<td>总金额：<span class="blue">￥888888  </span> </td>
								<td>取消</td>
								<td><a href="javascript:;" class="blue">查看订单 </a> | <a href="javascript:;">取消订单</a> </td>
							</tr>
							<tr>
								<td><span class="blue">01234567890</span></td>
								<td>瑞士“白色冬季” 圣莫里茨 纯雪之旅5晚7天高端自由行(瑞士专业导滑随行|百年历史维多利亚|自助&泰式&意式美食)</td>
								<td>2016-12-23 15:30:30</td>
								<td>总金额：<span class="blue">￥888888  </span> </td>
								<td>取消</td>
								<td><a href="javascript:;" class="blue">查看订单 </a> | <a href="javascript:;">取消订单</a> </td>
							</tr>
							</tbody>
						</table>
						<div class='paginations'>
							<ul>
								<li><div class='triangle-left'></div></li>
								<li class='active'>1</li>
								<li>2</li>
								<li>下一页<div class='triangle-right'></div></li>
							</ul>
							<div class='contain'>
								到<input type="text" />页
								<button>确定</button>
							</div>

						</div>
					</div>
				</div>
				<div class="tab-pane fade " id="memberCenter">
					<h3>积分查询</h3>
					<div class='left-score'> 
					  <div>
					  	<p>剩余积分</p>
						<span>88888</span>
					  </div>
						
					</div>
					<div class='score-panels'>
					  <div>
					  	<ul>
							<li class='active'>
								<a data-toggle='tab' href="#score-source">积分来源</a>
							</li>
							<li>
								<a  data-toggle='tab' href="#score-detail">使用明细</a>
							</li>
						</ul>
					  </div>
					</div>
					<div class='tab-content'>
						<div class='tab-pane fade in active' id='score-source'>
							<table>
								<thead>
									<tr>
										<th>积分获取日期</th>
										<th>来源</th>
										<th>积分数</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
								</tbody>
							</table>
							<div class='paginations'>
								<ul>
									<li><div class='triangle-left'></div></li>
									<li class='active'>1</li>
									<li>2</li>
									<li>下一页<div class='triangle-right'></div></li>
								</ul>
								<div class='contain'>
									到<input type="text" />页
									<button>确定</button>
								</div>

							</div>
						</div>
						<div class='tab-pane fade' id='score-detail'>
							<table>
								<thead>
									<tr>
										<th>积分使用日期</th>
										<th>去向</th>
										<th>积分数</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
									<tr>
										<td>2016年12月12日</td>
										<td>意大利 古典与时尚的邂逅8晚10天私享游意大利 古典与时尚的邂逅8晚1</td>
										<td>8888</td>
									</tr>
								</tbody>
							</table>
							<div class='paginations'>
								<ul>
									<li><div class='triangle-left'></div></li>
									<li class='active'>1</li>
									<li>2</li>
									<li>下一页<div class='triangle-right'></div></li>
								</ul>
								<div class='contain'>
									到<input type="text" />页
									<button>确定</button>
								</div>

							</div>
						</div>
					</div>
				</div>
				<div class="tab-pane fade" id="orderDetail">
					<div class="order-search">
						<h3>订单查询</h3>
						<div class="search-list">
							<table>
								<thead>
								<tr>
									<th width="16%">订单号</th>
									<th width="25%">线路名称</th>
									<th width="15%">下单时间</th>
									<th width="17%">订单金额</th>
									<th width="11%">订单状态</th>
									<th>订单操作</th>
								</tr>
								</thead>
								<tbody>
								<tr>
									<td><span class="blue">01234567890</span></td>
									<td>瑞士“白色冬季” 圣莫里茨 纯雪之旅5晚7天高端自由行(瑞士专业导滑随行|百年历史维多利亚|自助&泰式&意式美食)</td>
									<td>2016-12-23 15:30:30</td>
									<td>总金额：<span class="blue">￥888888  </span> </td>
									<td>取消</td>
									<td><a href="javascript:;" class="blue">查看订单 </a> | <a href="javascript:;">取消订单</a> </td>
								</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="order-detail">
						<h3>订单详情</h3>
						<fieldset>
							<ul>
								<li>
									<span>您预定的产品：</span>
									<i>瑞士“白色冬季” 圣莫里茨 纯雪之旅5晚7天高端自由行</i>
								</li>
								<li>
									<span>出发日期：</span>
									<i>2017-01-10 </i>
								</li>
								<li>
									<span>出行人数：</span>
									<i>成人1位</i>
								</li>
								<li>
									<span>出发城市：</span>
									<i>杭州</i>
								</li>
							</ul>
						</fieldset>
						<fieldset class="fly-info"	>
							<span>航班信息：</span>
							<table>
								<thead>
								<tr>
									<th width="10%">时间</th>
									<th width="29%">航段</th>
									<th width="32%">参考航空公司/航班号</th>
									<th width="10%">舱位</th>
									<th>参考时间/机场</th>
								</tr>
								</thead>
								<tbody>
								<tr>
									<td>第一天</td>
									<td>中国国际航空公司-北京</td>
									<td>中国国际航空公司 CA949</td>
									<td>经济舱</td>
									<td>起飞13:30首都国际 抵达19:00马尔彭萨</td>
								</tr>
								<tr>
									<td>第六天</td>
									<td>中米兰-北京</td>
									<td>中国国际航空公司 CA949</td>
									<td>经济舱</td>
									<td>起飞13:30首都国际 抵达19:00马尔彭萨</td>
								</tr>
								</tbody>
							</table>
						</fieldset>
						<fieldset class="hotel-info">
							<span>酒店信息：</span>
							<table>
								<thead>
								<tr>
									<th width="145">入住时间</th>
									<th width="300">酒店名称</th>
									<th width="80">星级</th>
									<th width="132">房型</th>
									<th >房间数</th>
								</tr>
								</thead>
								<tbody>
								<tr>
									<td>第一天</td>
									<td>蕾娜维多利亚酒店</td>
									<td>4星</td>
									<td>高级双人间</td>
									<td>1</td>
								</tr>
								</tbody>
							</table>
						</fieldset>
						<fieldset class="user-info">
							<span>联系人信息：</span>
							<ol>
								<li>
									<span>姓名：</span>
									<i>刘德华</i>
								</li>
								<li>
									<span>手机号码：	</span>
									<i>1234567879</i>
								</li>
								<li>
									<span>常用邮箱：</span>
									<i>xxx@163.com</i>
								</li>
							</ol>

							<span>	</span>
						</fieldset>
					</div>


				</div>
    		</div>
    	</div>
    	
 </div>
	
 <footer >
		<div class="wrapper">
			<div class="footer-top">
				<span>「力行会」是</span>
				<img src="images/zql-logo.png" alt="">
				<span>旗下高端旅行品牌</span>
			</div>
			<div class="footer-bottom">
				<p><span>Copyright © 2016 Uniqueway Inc.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 保留所有权利&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浙ICP备8888888</span><i>服务时间：周一至周五 9：00~17:30</i></p>
				<p>浙江省中青国际旅游有限公司&nbsp;&nbsp;&nbsp;地址：浙江省杭州市下城区凤起路56号2楼</p>
				<p>*本网站部分图片来自网络，若作者看到，请尽快与力行会联系。</p>
			</div>
		</div>
 </footer>
 
<!-- 工具栏 -->
<aside class='contact-way'>
	<div class='contact-contain'>
	   <div class='wx-phone'>
	   	  <div class='phone-contain'>
	   	  	<div class='phone'>
				<img src="./images/icons/phone.png" alt="">
				<div class='phone-detail'>
					0571 85865111
					<p class='triangle-right'></p>
				</div>
			</div>
	   	  </div>
		   <div class='wx-contain'>
		   	<div class='wx'>
				<img src="./images/icons/wx.png" alt="">
				<div class='wx-detail'>
					<img src="./images/icons/wx-big.png" alt="">
					<p class='triangle-right'></p>
				</div>
			</div>
		   </div>
	   </div>
		<div class='arrow'>
			<img src="./images/icons/arrow.png" alt="">
		</div>
	</div>
</aside>









</body>
</html>